diff options
| author | Anwarul Islam <anwaarulislaam@gmail.com> | 2025-07-12 23:49:49 +0600 |
|---|---|---|
| committer | Anwarul Islam <anwaarulislaam@gmail.com> | 2025-07-12 23:49:49 +0600 |
| commit | 0ee043b3196d94cc47ec207823d8e7cd33fda9e7 (patch) | |
| tree | 4a67fbc75fd4cf78887144a78cbb874c4862ad65 /apps/web/src/app/editor/[project_id]/page.tsx | |
| parent | 9d828063c16c07da45e1dfdec4d76deb2b56f711 (diff) | |
| download | opencut-0ee043b3196d94cc47ec207823d8e7cd33fda9e7.tar.gz | |
fix: enhance layout of editor and resizable components for better usability
Diffstat (limited to 'apps/web/src/app/editor/[project_id]/page.tsx')
| -rw-r--r-- | apps/web/src/app/editor/[project_id]/page.tsx | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/apps/web/src/app/editor/[project_id]/page.tsx b/apps/web/src/app/editor/[project_id]/page.tsx index b3641e3e..db17dd4a 100644 --- a/apps/web/src/app/editor/[project_id]/page.tsx +++ b/apps/web/src/app/editor/[project_id]/page.tsx @@ -55,9 +55,9 @@ export default function Editor() { return ( <EditorProvider> - <div className="h-screen w-screen flex flex-col bg-background"> + <div className="h-screen w-screen flex flex-col bg-background overflow-hidden"> <EditorHeader /> - <div className="flex-1 overflow-hidden"> + <div className="flex-1 min-h-0 min-w-0"> <ResizablePanelGroup direction="vertical" className="h-full w-full gap-1" @@ -67,6 +67,7 @@ export default function Editor() { minSize={30} maxSize={85} onResize={setMainContent} + className="min-h-0" > {/* Main content area */} <ResizablePanelGroup @@ -118,7 +119,7 @@ export default function Editor() { minSize={15} maxSize={70} onResize={setTimeline} - className="px-2 pb-2" + className="min-h-0 px-2 pb-2" > <Timeline /> </ResizablePanel> |